<!DOCTYPE html>
<html>
<@h.head />
<style type="text/css">
@media screen and (min-width:1024px){
	.displayimg0 {
		display: '';
	}
	.displayimg1 {
		display: none;
	}
}
@media screen and (max-width:1023px){
	.displayimg0 {
		display: none;
	}
	.displayimg1 {
		display: '';
	}
}
</style>
<body class="homepage">
	<@h.nav />
	<div class="h84"></div>
	<#if (product)??>
	<#if (imgOne)??>
    <img src="${(imgOne)!}" class="displayimg${(product.isMbOne)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgTwo)??>
    <img src="${(imgTwo)!}" class="displayimg${(product.isMbTwo)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgThree)??>
    <img src="${(imgThree)!}" class="displayimg${(product.isMbThree)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgFour)??>
    <img src="${(imgFour)!}" class="displayimg${(product.isMbFour)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgFive)??>
    <img src="${(imgFive)!}" class="displayimg${(product.isMbFive)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgSix)??>
    <img src="${(imgSix)!}" class="displayimg${(product.isMbSix)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgSeven)??>
    <img src="${(imgSeven)!}" class="displayimg${(product.isMbSeven)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgEight)??>
    <img src="${(imgEight)!}" class="displayimg${(product.isMbEight)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgNine)??>
    <img src="${(imgNine)!}" class="displayimg${(product.isMbNine)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgTen)??>
    <img src="${(imgTen)!}" class="displayimg${(product.isMbTen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgEleven)??>
    <img src="${(imgEleven)!}" class="displayimg${(product.isMbEleven)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgTwelve)??>
    <img src="${(imgTwelve)!}" class="displayimg${(product.isMbTwelve)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgThirteen)??>
    <img src="${(imgThirteen)!}" class="displayimg${(product.isMbThirteen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgFourteen)??>
    <img src="${(imgFourteen)!}" class="displayimg${(product.isMbFourteen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgFifteen)??>
    <img src="${(imgFifteen)!}" class="displayimg${(product.isMbFifteen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgSixteen)??>
    <img src="${(imgSixteen)!}" class="displayimg${(product.isMbSixteen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgSeventeen)??>
    <img src="${(imgSeventeen)!}" class="displayimg${(product.isMbSeventeen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgEighteen)??>
    <img src="${(imgEighteen)!}" class="displayimg${(product.isMbEighteen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgNineteen)??>
    <img src="${(imgNineteen)!}" class="displayimg${(product.isMbNineteen)!'0'}" width="100%" height="100%">
    </#if>
    <#if (imgTwenty)??>
    <img src="${(imgTwenty)!}" class="displayimg${(product.isMbTwenty)!'0'}" width="100%" height="100%">
    </#if>
    <section class="no-margin">
        <div class="container">
			<div class="center wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
				<h2>&nbsp;</h2>
				<h2>${(product.name)!}</h2>
				<p class="lead">${(product.content)!}</p>
			</div>
		</div><!--/.container-->
    </section>
	</#if>
	<@h.foot />
</body>
<script type="text/javascript">
//百度分享
window._bd_share_config.slide=[{bdImg : 0,bdPos : "right",bdTop : 100}];
</script>
</html>